<style>
    .table-striped{
        text-align: center;
        vertical-align: middle;
    }

    .table-striped th{
        text-align: center;
        vertical-align: middle;
    }
</style>
<table class="table table-striped">
    <thead>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>微信号</th>
        <th>手机号</th>
        <th>创建时间</th>
        <th>自定义数据</th>
    </tr>
    </thead>
    <tbody>
    {volist name="list" id="vo"}
    <tr>
        <td>{$vo.ids} </td>
        <td>{$vo.name} </td>
        <td>{$vo.weixin}</td>
        <td>{$vo.phone}</td>
        <td>{$vo.createtime}</td>
        <td><a class="parentIframe" data-href="{$vo.datahref}" data-phone="{$vo.phone}">其他字段</a></td>
    </tr>
    {/volist}
    </tbody>
</table>

<script src="__CDN__/assets/js/backend/activityform/jquery.js"></script> <!-- 你必须先引入jQuery1.8或以上版本 -->
<script src="__CDN__/assets/js/backend/activityform/layer/layer.js"></script>
<script src="__CDN__/assets/js/fast.js"></script>
<script>
    //弹出一个iframe层
    $('.parentIframe').on('click', function(){
        layer.open({
            type: 2,
            title: '电话'+$(this).data("phone"),
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area : ['100%' , '100%'],
            content: $(this).data("href")
        });
    });
</script>